<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格之可选标记</title>
</head>
<body>
    <!--
      <caption></caption> 设置标题，必须在table后面
      <th></th> 相当于td 但是可以水平居中和加粗

      表分组
        表头行 ： <thead><thead>  表格最上面的一行
        表主体 : <tbody></tbody>  表中间的若干行
        表结尾: <tfoot> <tfoot>  表格最下面的一行
    -->
 <table border="1" align="center" cellspacing="5px">
     <caption>图书列表</caption>
        <thead>
            <tr>
                <th>编号</th>
                <th>书名</th>
                <th>作者</th>
                <th>简介</th>
                <th>操作</th>
            </tr>
        </thead>
       <tbody>
         <tr>
                <td>1</td>
                <td>《三国演义》</td>
                <td>罗贯中</td>
                <td>三个大佬创业的故事</td>
                <td>
                    <a href="#">修改</a>
                    <a href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>《水浒传》</td>
                <td>施耐庵</td>
                <td>105个男人和三个女人在梁山上生活</td>
                <td>
                    <a href="#">修改</a>
                    <a href="#">删除</a>
                </td>
            </tr>
             <tr>
                <td>3</td>
                <td>《西游记》</td>
                 <td>吴承恩</td>
                <td>1个和尚带着三只宠物上西天</td>
                <td>
                    <a href="#">修改</a>
                    <a href="#">删除</a>
                </td>
            </tr>
             <tr>
                <td>2</td>
                <td>《红楼梦》</td>
                 <td>曹雪芹</td>
                <td>1个男孩和一群女孩在公园生活...</td>
                <td>
                    <a href="#">修改</a>
                    <a href="#">删除</a>
                </td>
            </tr>
       </tbody>
        <tfoot>
            <tr>
                <td colspan="5">备注</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>